body{
    background-image: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%);
}
.top{
    font-size: 1.5rem;
    margin-top: 10px;
    height: 10px;
}
.top .left{
    float: left;
}
.top .right{
    float: right;
}
.top .left .logo img{
    width: 200px;
}
a{
    color: #555555;
    font-size: 1rem;
}
.main{
    margin-top: 70px;
    text-align: center;
}
.main .functions-discription .function1{
    width: 1000px;
    height: 600px;
    margin: 30px auto;
    overflow: hidden;
}
.main .functions-discription .function1 img{
    width: 350px;
}
li{
    width: 160px;
    float: left;
    border-left: 1px;
    position: relative;
    transition: all 1s;
}
.main .functions-discription .function1:hover li{
    width: 40px;
}
.main .functions-discription .function1 li:hover{
    width: 640px;
}
.footer{
    margin-top: 350px;
    text-align: center;
}